<template>
    <div>
        <form @submit.prevent="doLogin">
            <label for="user">用户名：</label>
            <input type="text" id="user" v-model="usr">
            <br>
            <label for="psd">密码：</label>
            <input type="password" id="psd" v-model="psd">
            <br>
            <input type="submit">
        </form>
    </div>
</template>
<script>
export default {
    data(){
        return {
            usr:"",
            psd:""
        }
    },
    methods:{
        doLogin(){
            if(this.usr=="admin" && this.psd == 123456){
                localStorage.setItem("usr",this.usr); // 和cookie的功能类似，可以将数据进行本地存储
                this.$router.push("/"); // vue中自带的路由跳转功能
            }
        }
    }
}
</script>